<template>
	<div>
		<div class="head">
			<a @click="$router.back(-1)" class="return"></a>
			留言
		</div>
		<div class="overlay">
			<div class="overlay-content scrolling">
                <div class="text">
                    客服已经离线了，有问题可以先给我们留言，我们会在工作日内尽快给予您回复！
                </div>
                <div class="Message">
                    <van-cell-group>
                    <van-field
                        v-model="message"
                        type="textarea"
                        placeholder="请输入留言"
                        rows="4"
                        autosize
                    />
                    </van-cell-group>
                </div>

                <div class="text">
                    留下一下信息，方便与您及时联系
                </div>

                <div class="Contact">
                    <van-cell-group >
                    <van-field
                        v-model="username"
                        label-width="50"
                        label="姓名："
                        placeholder="(必填)"
                    />
                    </van-cell-group>
                    <van-cell-group>
                    <van-field
                        v-model="password"
                        label-width="50"
                        maxlength="11"
                        label="手机："
                        placeholder="(必填)"
                    />
                    </van-cell-group>
                </div>
                

                <div class="btn">
					<van-button slot="button" size="normal" type="info" :loading="loading" @click.native="Register">提交留言</van-button>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
    
}
</script>

<style lang="less" scoped>
.scrolling{
    padding:10px;
}
.text{
    font-size: 14px;
}
.Message{
    /deep/.van-hairline--top-bottom::after{
        border-width: 1px;
         border-top:1px solid #4b526f !important;
        border: 1px solid #4b526f !important;
    }
    /deep/.van-cell{
        background:#262c41;
        padding:8px;
        margin:10px 0 30px;
    }
}
.Contact{
    padding-bottom:30px;
    .van-cell{
        color:#fff;
    }
    /deep/.van-hairline--top-bottom::after{
        border-width: 1px;
         border-top:1px solid #4b526f !important;
        border: 1px solid #4b526f !important;
    }
    /deep/.van-cell{
        background:#262c41;
        padding:8px;
        margin:10px 0;
    }
}
input{
    color:#848cab;
}

</style>

